/**
 * Created by Administrator on 2016/8/1.
 */
$(function () {
    $('.title-in').each(function (index) {
        $(this).mouseover(function () {
            $('.title-in a span:nth-of-type(2)').eq(index).css('color','#f10180');
        })

            $(this).mouseout(function () {
                $('.title-in a span:nth-of-type(2)').eq(index).css('color','#333');
                a=false;
            })
            $(this).click(function () {
                $('.title-in').css('background-color','white').eq(index).css('background-color','#f10180');
                $('.title-in a span:nth-of-type(2)').eq(index).css('color','white');
            })
    })
//    位置
    setInterval(function () {
        var y=$(document).scrollTop();
        //var x=$(document).width();//文档宽度
        var c=$(window).width();//窗口宽度
        console.log(y);
        //console.log(x);
        //console.log(c);
        if(c<1200){
            $('.title').css('display','none');
        }else {
            if(y<600){
                $('.title').css('display','none');
            }else{
                $('.title').css('display','block').css('top',100).css('position','fixed');
            }

            if(y>600&&y<2000){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(1)').css('background-color','#f10180');
            }
            if(y>2000&&y<5100){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(2)').css('background-color','#f10180');
            }
            if(y>5100&&y<8100){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(3)').css('background-color','#f10180');
            }
            if(y>8100&&y<11500){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(4)').css('background-color','#f10180');
            }
            if(y>11500&&y<14600){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(5)').css('background-color','#f10180');
            }
            if(y>14600&&y<18000){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(6)').css('background-color','#f10180');
            }
            if(y>18000&&y<20600){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(7)').css('background-color','#f10180');
            }
            if(y>20600&&y<23700){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(8)').css('background-color','#f10180');
            }
            if(y>23700&&y<27000){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(9)').css('background-color','#f10180');
            }
            if(y>27000&&y<30000){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(10)').css('background-color','#f10180');
            }
            if(y>30000&&y<32600){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(11)').css('background-color','#f10180');
            }
            if(y>32600){
                $('.title ul li').css('background-color','white');
                $('.title ul li:nth-of-type(12)').css('background-color','#f10180');
            }
        }

    },10);

})